

.clear { clear: both; }

.right { float: right; }

.left { float: left; }

.hide { display: none; }

.show { display: block; }


.nav_ul {
  list-style: none;
  padding: 1px;
  margin: 0;
  display: block;
}

.nav_ul > li {
  margin: 0;
  display: inline-block;
  padding: 0;
}

.nav_ul > li > a {
  font-size: 16px;
  padding: 2px 3px;
  display: inline-block;
  margin: 0;
}

/*按钮，如果要让一个元素表现得像一个按钮，请调用该类
*要按钮表现“失效”，请加上disabled类
*/

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #ccc \9;
}

.btn:first-child { *margin-left: 0; }

.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Microsoft YaHei",Helvetica,Verdana,Arial,Tahoma;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background-color: #fff;
}

a {
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration:none;
}

hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] { cursor: pointer; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decorat
ion,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

form { margin: 0; }

fieldset {
  padding: 0;
  margin: 0;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  webkit-border-radius: 2px;
    -moz-border-radius: 2px;
         border-radius: 2px;
}

legend {
  margin: 0px;
  font-size: 14px;
  display: block;
  padding: 6px 24px;
  margin-bottom: 10px;
  color: #777;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
   -moz-box-shadow: 1px 1px 1px #999;
  -webkit-box-shadow: 1px 1px 1px #999;
  box-shadow: 1px 1px 1px #eee;
  webkit-border-radius: 1px;
    -moz-border-radius: 1px;
         border-radius: 1px;
  background-image: -moz-linear-gradient(top, #f4f4f4, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f24f4), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #f2f2f2);
  background-image: -o-linear-gradient(top, #f4f4f4, #f2f2f2);
  background-image: linear-gradient(to bottom, #f4f4f4, #f2f2f2);
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

textarea { height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #fff;
  border: 1px solid #ccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input:-moz-placeholder,
textarea:-moz-placeholder { color: #999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #999; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.2em;
  color: inherit;
  text-rendering: optimizelegibility;
}

/***************xxx**********/

div { cursor:default; } 


html body { 
border:0px;
margin:0px;
padding: 10px;
background: #eee;
 } 

html { 
border:0px;
margin:0px;
/*background:url("../img/bg_w.jpg") center no-repeat fixed;
-webkit-background-size: cover;
   -moz-background-size: cover;
     -o-background-size: cover;
       background- size: cover;
*/
 } 


.bar { 
line-height:2em;
text-align:center;
margin-bottom:15px;
font:16px "微软雅黑",Tahoma,Verdana,Arial,Helvetica,sans-serif;
background:#ddd;
padding:0.5em;
 }  

.bg_img { 
position:fixed;
/*width:100%;
height:100%;*/
top:0px;
left:0px;
z-index:-1;
display:none;
 } 

.wait { 
position:fixed;
background:rgba(0,0,0,0.6);
display:none;
text-align:center;
line-height:3em;
min-width:50%;
color:#fff;
font-size:20px;
padding:4px;
 } 

.leave { 
margin:0px;
padding:0px;
 } 

li { 
display:inline;
padding:0px 5%;
text-align:center;
cursor:pointer;
border:0px;
border-bottom:2px rgb(180,180,180) solid;
 } 

li:hover { opacity: 0.6; } 

ul { 
font-size:16px;
margin:0px;
padding:0px;
width:100%;
text-align:center;
 } 

.timed { 
font-size:24px;
font-weight:bold;
 } 

.timem { 
font-size:18px;
font-weight:bold;
 } 

.time {
font-size:12px;
margin:2px;
color:#333;
 } 

.title { 
border:0px;
font-size:18px;
margin:8px;
clear:both;
color:#fbffff;
display:block;
font-weight:bold;
 } 

.des { 
clear:both;
margin:5px;
color:#f5f5f5;
text-indent:2em;
font:12px "微软雅黑",Tahoma,Verdana,Arial,Helvetica,sans-serif;
word-wrap: break-word;
word-break: break-all;
 } 

a .des { cursor:pointer; } 

.feeling , .message { font-size:16px; } 

.article { font-size:12px; } 

.clear { 
padding:0px;
margin:0px;
width:0px;
height:0px;
clear:both;
 } 

.right { float:right; } 

.left { float:left; } 

.head { 
text-align:center;
 } 

.headcup { 
font-size:12px;
margin:5px;
color:#fff;
padding-right:20px;
 }

.point { 
display:none;
 } 

.view { 
color:#333;
font-size:12px;
margin-right:5px;
 } 

/*.content_ext { 
max-width: 900px;
margin:10px auto;
position:relative;
 } */

.content { 
padding:6px;
 } 

.item { 
clear:both;
background:rgb(0,175,215);
margin:26px 0;
display:block;
  padding: 10px;
  word-wrap: break-word;
word-break: break-all;
  -moz-box-shadow: 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc;
  webkit-border-radius: 2px;
    -moz-border-radius: 2px;
         border-radius: 2px;
 } 

/*.item:hover { position:relative; } */

.more ,.button { 
background:rgba(200,200,200,0.4);
padding:8px 30%;
text-align:center;
font-size:16px;
cursor:pointer;
border:1px #aaa solid;
 }

.button {
  height: 30px;
  font-size:14px;
  background:#bbb;
}

input { 
font:18px "微软雅黑",Tahoma,Verdana,Arial,Helvetica,sans-serif;
padding:4px;
border:1px #aaa solid;
background:rgba(255,255,255,0.5);
border:1px #eee solid;
 } 

.msgboard { 
text-align:right;
 } 

.msgcontent { 
width:90%;
margin:6px 0px;
word-wrap: break-word;
word-break: break-all;
 } 

.nickname { 
width:100px;
margin:6px 10px;
 } 
button { border:1px #aaa solid; } 

.msgboard fieldset, .content_ext fieldset { 
background:#e0e0e0;
text-align:right;
padding: 10px;
border:1px #888;
margin:6px;
 } 


/*.lablee { 
background:rgba(0,175,215,0.7);
color:#fff;
padding:4px;
 } */


.classc {
  width: 100px;
}

.none { display:none; }

.inf { 
padding:3px 8px;
background:#fafafa;
margin:0px 8px;
word-wrap: break-word;
word-break: break-all;
 } 

.ext { font-size:12px; } 

.text { 
margin:14px 8px;
background:#fff;
padding:12px 8px;
word-wrap: break-word;
word-break: break-all;
font-size:16px;
 } 
